.container {
  z-index: 10;
}

.cardItemBox {
  cursor: pointer;
  transition: all 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;

  .card {
    transition: all 0.2s;

    &:hover {
      box-shadow: 0 0 20px rgba(255, 236, 232, 1);
      transform: scale(1.05);
    }
    &:active {
      transition: all 0.01s;
      transform: scale(0.95);
    }
  }
}
.cardItem {
  display: grid;
  grid-template-columns: 0.5fr 1.5fr;
  grid-template-rows: 1fr;
  transition: all 0.5s;

  &Lf {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  &Rg {
    &Title {
      font-weight: 400;
      font-size: 1.4rem;
      margin-bottom: 0;
    }
    &Content {
      font-weight: 300;
      font-size: 0.9rem;
      margin-bottom: 0;
    }
  }
}
